<template>
  <div class="data-base">
    <div class="data-base-title">基本资料</div>
    <van-cell-group
      inset
      :border="false"
    >
      <van-cell
        title="成立时间"
        :value="club.build_date"
      />
      <van-cell
        title="所在地区"
        :value="club.location"
      />
      <van-cell
        title="球队主场"
        :value="club.venue"
      />
    </van-cell-group>
  </div>
</template>

<script>
export default {
  components: {
  },
  props: {
    club: {
      type: Object,
      default: null
    }
  }
}
</script>

<style lang="less" scoped>
.data-base {
  &-title {
    padding: 10px;
    color: #333;
    font-size: 14px;
  }
  /deep/.van-cell {
    &__title {
      flex: 1;
      color: #969696;
    }
    &__value {
      text-align: left;
      flex: 3;
      color: #333;
    }
  }
}
</style>
